<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>2.3 表格与表单标签</title>
</head>
<body>
    <h1>表格</h1>
    <table border="1">
        <thead>
            <th>姓名</th>
            <th>年龄</th>
            <th>性别</th>
        </thead>
        <tbody>
            <tr>
                <td>张三</td>
                <td>18</td>
                <td>男</td>
            </tr>
            <tr>
                <td>李四</td>
                <td>19</td>
                <td>女</td> 
            </tr>
            </tbody>    
    </table>
    <h1>表单</h1>
    <form action="#">
        <label for="name">姓名:</label>
        <input type="text" id="name" name="name"><br>
        <label for="age">年龄:</label>
        <input type="text" id="age" name="age"><br>
        <label for="gender">性别:</label>
        <!--radio单选框-->
        <input type="radio" id="gender" name="gender" value="male">男
        <input type="radio" id="gender" name="gender" value="female">女<br>
        <!--多选框-->
        <label for="hobby">爱好:</label>
        <input type="checkbox" id="hobby" name="hobby" value="reading">阅读
        <input type="checkbox" id="hobby" name="hobby" value="sports">体育
        <input type="checkbox" id="hobby" name="hobby" value="music">音乐<br>
        <br>
        <!--下拉框-->
        <label for="country">国家:</label>
        <select id="country" name="country">
            <option value="China">中国</option>
            <option value="USA">美国</option>
            <option value="Japan">日本</option>
      
    </form>
    
</body>
</html>